"use client"

import UiButton from "@/components/ui/UiButton"
import UiModal from "@/components/ui/UiModal"
import { Container } from "@radix-ui/themes"
import { useState, useCallback } from "react"

const TestPage = () => {
    const [open, setOpen] = useState(false);
    const onOpen = useCallback(() => setOpen(true), []);
    const onCancel = useCallback(() => setOpen(false), []);
    const onFinish = useCallback(async () => {
        await new Promise((resolve) => setTimeout(resolve, 1000));
        return true;
    }, []);
    return (
        <Container>
            <div className="w-12 h-12 bg-orange-700 hover:bg-red-50 md:bg-black lg:bg-slate-600"></div>
            {/* <UiButton
                onClick={onOpen}
            >
                click
            </UiButton>
            <UiModal
                onCancel={onCancel}
                onFinish={onFinish}
                title="test"
                open={open}
            >
                kgnb
            </UiModal> */}
        </Container>
    )
}
export default TestPage